<template>
	<view>
		<!-- <u-picker mode="selector" v-model="show" :range="selector"></u-picker> -->
		<!-- <u-action-sheet
			:list="list"
			v-model="show"
			:safe-area-inset-bottom="true"
			:cancel-btn="false"
			@click="click"
		></u-action-sheet> -->
		<u-popup v-model="show" mode="bottom" border-radius="14" :safe-area-inset-bottom="true" :closeable="true">
			<view class="content_box">
				<u-button type="success" size="medium" open-type="contact">在线联系</u-button>
				<u-button type="warning" size="medium" @click="callBtn" style="margin-left: 100rpx">电话联系</u-button>
			</view>
		</u-popup>
	</view>
</template>

<script>
export default {
	name: 'Contact',
	data() {
		return {
			show: false
			// list: [
			// 	{
			// 		text: '156-2780-7492'
			// 	},
			// 	{
			// 		text: '在线客服'
			// 	}
			// ]
		}
	},
	methods: {
		open() {
			this.show = true
		},
		// click(index) {
		// 	console.log(`点击了第${index + 1}项，内容为：${this.list[index].text}`)
		// 	if (index === 0) {
		// 	} else {
		// 		this.showToast('还没接入呢')
		// 	}
		// },
		callBtn() {
			this.show = false
			uni.makePhoneCall({
				phoneNumber: '18960067301'
			})
		}
	}
}
</script>

<style lang="less" scoped>
.content_box {
	display: flex;
	align-items: center;
	width: 100%;
	padding-top: 100rpx;
	justify-content: center;
	padding-bottom: 70rpx;
}
</style>
